{% extends "admin/base.html" %}
{% block content %}
<div class="portal-v4-page k4w-status-page">
  <section class="portal-v4-hero k4w-status-hero">
    <div><span class="portal-eyebrow">SISTEMA VISUAL KREATE4WEB</span><h1>Legenda de estados</h1><p>A mesma cor tem sempre o mesmo significado em clientes, serviços, infraestrutura, pagamentos e suporte.</p></div>
    <div class="k4w-brand-chip"><strong>K</strong><span>4W</span></div>
  </section>
  <section class="k4w-meaning-grid">
    {% for tone, text in meanings.items %}<article class="k4w-meaning is-{{ tone }}"><span></span><p>{{ text }}</p></article>{% endfor %}
  </section>
  <div class="k4w-status-grid">
    {% for group in groups %}<section class="portal-v4-panel k4w-status-panel"><header><div><span>{{ group.icon|upper }}</span><h2>{{ group.title }}</h2></div><i class="material-symbols-outlined">{{ group.icon }}</i></header><div class="k4w-status-list">{% for item in group.items %}<div><code>{{ item.value }}</code><span class="k4w-admin-status is-{{ item.tone }}">{{ item.label }}</span></div>{% endfor %}</div></section>{% endfor %}
  </div>
</div>
{% endblock %}